@charset "utf-8";
header {
    .wrapper {
        width: 1130px;
        margin: 0 auto;
        .logo {
            width: 200px;
            height: 98px;
            background: url(../img/mistore_logo.png) no-repeat;
            &>a {
                display: block;
                height: 98px;
                text-indent: -9999em;
            }
        }
    }
}

main {
    .banner {
        background-image: url(../img/login-banner.jpg);
        width: 100%;
        height: 558px;
        position: absolute;
        left: 0;
        top: 98px;
        background-repeat: no-repeat;
        background-position: top center;
        &>a {
            display: block;
            height: 588px;
            text-indent: -9999em;
        }
    }
    .wrap {
        position: relative;
        .layout_panel {
            padding-top: 130px;
            width: 1130px;
            margin: 0 auto;
            .layout {
                width: 410px;
                min-height: 556px;
                font-size: 14px;
                z-index: 4;
                background-color: #fff;
                margin: 0 auto 0;
                margin-right: 0;
                position: relative;
                box-sizing: content-box;
                .mainbox {
                    .nav-tabs {
                        padding: 27px 0 24px;
                        text-align: center;
                        font-size: 24px;
                        color: #666;
                        &>a {
                            color: #666;
                        }
                        &>span {
                            width: 1px;
                            height: 24px;
                            margin: 0 35px 0 42px;
                            border: 1px solid #e0e0e0;
                        }
                    }
                    .tabs-con {
                        .login-area {
                            width: 348px;
                            margin: 0 auto;
                            form {
                                .label1,
                                .label2 {
                                    margin-bottom: 14px;
                                    border: 1px solid #e0e0e0;
                                    display: block;
                                    &>input {
                                        width: 348px;
                                        line-height: 22px;
                                        padding: 13px 16px 13px 14px;
                                        display: block;
                                        outline: 0;
                                    }
                                }
                                &>input {
                                    background-color: #ff6700;
                                    width: 348px;
                                    height: 50px;
                                    line-height: 50px;
                                    display: block;
                                    margin-bottom: 14px;
                                    margin-top: 14px;
                                    text-align: center;
                                    font-size: 14px;
                                    color: #fff;
                                    outline: 0;
                                    border: 0;
                                }
                            }
                            .other {
                                &>span {
                                    display: block;
                                    &>a {
                                        display: block;
                                        color: #ff6700;
                                        font-size: 14px;
                                    }
                                }
                                &>div {
                                    &>a {
                                        color: #999;
                                        font-size: 14px;
                                    }
                                }
                            }
                            .img {
                                padding-top: 40px;
                                fieldset {
                                    border: 0;
                                    border-top: 1px solid #e0e0e0;
                                    padding-top: 10px;
                                    legend {
                                        color: #bbb;
                                        font-size: 14px;
                                        margin: 0 auto;
                                        text-align: center;
                                    }
                                }
                                .img-bd {
                                    padding-top: 3px;
                                    text-align: center;
                                    .a1 {
                                        background-color: #0288d1;
                                    }
                                    .a2 {
                                        background-color: #d32f2f;
                                    }
                                    .a3 {
                                        background-color: #0ae;
                                    }
                                    .a4 {
                                        background-color: #00d20d;
                                    }
                                    &>a {
                                        margin: 0 17px;
                                        width: 30px;
                                        height: 30px;
                                        display: inline-block;
                                        border-radius: 50%;
                                        i {
                                            display: block;
                                            margin: 4px auto 0;
                                            background: url(../img/icons_type.png);
                                            width: 18px;
                                            height: 18px;
                                            vertical-align: middle;
                                        }
                                        .i1 {
                                            background-position: -19px 0;
                                        }
                                        .i2 {
                                            background-position: -38px 0;
                                        }
                                        .i3 {
                                            background-position: -57px 0;
                                        }
                                        .i4 {
                                            background-position: -86px 0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

footer {
    background: #fff;
    position: relative;
    z-index: 4;
    height: 80px;
    text-align: center;
    .top {
        text-align: center;
        ul>li {
            display: inline-block;
            &>a {
                color: #333;
                display: inline-block;
                padding: 0 10px;
            }
        }
    }
    .bottom {
        padding: 10px;
        &>a {
            color: #757575;
        }
    }
}

.color {
    color: #f56600;
}